const styles = {
  basicDetailTitle: {
    margin: '10px 0',
    fontSize: '16px',
  },
  infoColumn: {
    marginLeft: '16px',
    marginTop: '20px',
  },
  infoColumnTitle: {
    margin: '3px 0',
    paddingLeft: '10px',
    borderLeft: '3px solid #3080fe',
  },
  infoItems: {
    padding: 0,
    marginLeft: '25px',
  },
  infoItem: {
    marginBottom: '18px',
    listStyle: 'none',
    fontSize: '14px',
  },
  infoItemLabel: {
    display: 'block',
    minWidth: '90px',
    textAlign: 'left',
    float: 'left',
    color: '#999',
  },
  infoItemValue: {
    display: 'block',
    textOverflow: 'ellipsis',
    float: 'left',
    color: '#333',
  },
  attachLabel: {
    minWidth: '70px',
    color: '#999',
    float: 'left',
  },
  attachPics: {
    width: '80px',
    height: '80px',
    border: '1px solid #eee',
    marginRight: '10px',
  },
  inlineThreads: {
    display: 'inline-block',
    margin: '0 20px 0 0',
  },
  horizontal: {
    dl: {
      margin: '0',
    },
    dt: {
      float: 'left',
      width: '60px',
      overflow: 'hidden',
      clear: 'left',
      textAlign: 'right',
      textOverflow: 'ellipsis',
      whiteSpace: 'nowrap',
    },
    dd: {
      marginLeft: '70px',
    }
  },
  infoItemLink: {
    display: 'inline-block',
    minWidth: '90px',
    textAlign: 'left',
    float: 'left',
  },
};

export default styles;